var VentanaBusqueda = function () {

return { 
init: function () {
			
			var targetUrl = 'http://localhost/OPENBIBLIOSOFT/web/index.php/';

			var viewport = new Ext.Viewport({
				layout:'border',
				//region: 'center',
				items:[
					{
						frame: true,
						region: 'north',
						baseCls: 'x-bubble',
						layout: 'fit',
						padding: 8,
						margins: '10 10 0 10',
						html: '<font face="arial" size=6 color=#4E79B2>OpenBiblioSoft</font>'
					},
					{
						region: 'center',
						xtype: 'grouptabpanel',
						tabWidth: 160,
						activeGroup: 0,
						items: [{
									expanded: true,
									items: [{
										title: 'Bienvenido',
										layout: 'fit',
										iconCls: 'x-icon-configuration',
										tabTip: 'Bienvenido',
										style: 'padding: 10px 50px 50px 50px;',//arriba derecha derecha izquierda
										contentEl: 'bienvenida'
									}/*, {
										title: 'Inicio',
										iconCls: 'x-icon-templates',
										tabTip: 'inicio',
										style: 'padding: 10px;',
										html: '<font face="arial" size=5 color=black>Aqui contamos de que trata y porque usarlo</font>'
									}*/]
								},
								{
									expanded: false,
									items: [
										{
											title: 'Busqueda',
											tabTip: 'Modulo de Busqueda',
											layout:'fit',
											border: false,
											frame: false,
											autoScroll: true,
											autoWidth: true,
											style: 'padding: 10px;',
											autoLoad: {url: targetUrl+'BUSQUEDA', scripts: true, scope: this}
											/*items:[
												{
													//title: 'Modulo de Busqueda',
													layout:'fit',
													//baseCls: 'x-bubble', este es para seguir probando
													border: false,
													padding: 5,
													autoScroll: true,
													frame: false,
													autoLoad: {url: targetUrl+'Busqueda', scripts: true, scope: this}
												}
											]    */            
										}
									]
								},
								{
									expanded: false,
									items: [
										{
											title: 'Recomendaciones',
											tabTip: 'Modulo de recomendaciones',
											layout:'fit',
											border: false,
											frame: false,
											autoScroll: true,
											autoWidth: true,
											style: 'padding: 10px;',
											autoLoad: {url: targetUrl+'RECOMENDACION', scripts: true, scope: this}
										}
									]
								}
						]
					},{
						frame: true,
						baseCls: 'x-bubble',
						region: 'south',
						layout: 'fit',
						//padding: 0,
						height: 40,
						//autoWidth: true,
						margins: '0 10 0 10',
						html: '<p align=center><font face="arial" size=2 color=#4E79B2>Developed by legnardz, oliverfelipe01, gaea</font></p>'
					}
				]
			});
		}
	}
}();
